<template>
  <div class="breadcrumb">{{breadcrumb}}</div>
</template>

<script>
export default {
    computed:{
        breadcrumb(){
            let res="";
            // console.log(this.$route.matched)
            this.$route.matched.forEach(element => {
                res+=element.meta+' -> ';
            });
            // console.log(res)
            return res
        }
    }
}
</script>

<style lang="less" scoped>
    .breadcrumb{
       padding: 0 10px;
    }
</style>